body {
	font: 12pt Segoe UI;
	font-family: Segoe UI, Helvetica Neue;
}

#chatPanel{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:100px;
}

#chat{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:252px;
	
	overflow:auto;
	
	border: 1px grey solid;			
}

#contacts{
	position: absolute;
	top:0;
	bottom:0;
	width:248px;
	right:0;
	
	overflow:auto; 

	border: 1px grey solid;			
}

ul {
	list-style: none;
	padding-left: 10px;
}

ul li{
	height: 22px;
	margin: 2px;
}

#contacts ul li{
	border-bottom: 1px gray dotted;
}

.m-name, .m-date {
	font-weight: bolder;
}

.m-date {
	color: gray;
}

#messagePanel{
	height:	60px;
	
	position:absolute;
	bottom:40px;
	left:0px;
	right:0px;
}

#messagePanel textarea{
	position:absolute;
	
	top:0px;
	bottom:0px;
	left:0px;
	right:102px; 
	resize: none;
	border: 1px grey solid;
}

#messagePanel input{
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	width:100px;
	border: 1px grey solid;
}

#privatePanel {
	height: 20px;
	
	position:absolute;
	bottom: 20px;
	left: 0px;
	right: 0px;
}

#renamePanel {
	height: 20px;
	
	position:absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}